<template>
    <div>
        <!-- 共用头部组件 -->
        <common-header
            headerTitle="帮助中心"
            :hasBack="true"
            :hasHome="true"
        ></common-header>
        <!-- 共用头部组件 -->

        <!-- 共用页面滚动组件 -->
        <common-scroll class="help-detail-page"
            :scrollStyle="scrollStyle"
            :isLoadMore="false"
        >

        <!-- 帮助中心详情组件 -->
        <div class="help-detail">
            <div class="title">百领好货是什么？</div>
            <div class="detail">百领好货是什么百领好货是什么百领好货是什么百领好货是什么百领好货是什么百领好货是什么百领好货是什么百领好货是什么百领好货是什么百领好货是什么百领好货是什么</div>
        </div>
        <!-- 帮助中心详情组件 -->

        </common-scroll>
        <!-- 共用页面滚动组件 -->
    </div>
</template>

<script>
import CommonHeader from '@/components/Header'
import CommonScroll from '@/components/Scroll'
export default {
    name: 'HelpDetail',
    components: {
        CommonHeader,
        CommonScroll
    },
    data () {
        return {
            scrollStyle: {
                top: "1.11rem",
                left: "0",
                right: "0",
                bottom: "0",
            }
        }
    }
}
</script>

<style lang="stylus" scoped>
.help-detail-page
    background #fff
    .help-detail
        padding 0 .37rem
        .title
            padding .37rem 0
            font-size .33rem
            color #333
            border-bottom 1px solid #e5e5e5
        .detail
            padding .37rem 0
            font-size .33rem
            color #666
            line-height 1.5
</style>


